<template>
    <div class="enterance-Page">
      <h2>学书法 用墨趣</h2>
      <div class="btn-items">
        <el-button class="wechat-load-btn" type="primary" icon="" >微信登录</el-button>
        <br><br>
        <el-button class="register-btn" @click.native="gotoRegisterPage" type="primary">注册</el-button>
        <el-button class="login-btn" type="primary" @click.native="loading">登录</el-button>
      </div>
    </div>
</template>

<script>
export default {
    data () {
        return {

        }
    },
    methods:{
      loading(){
          this.$router.push("/loading");
      },
      gotoRegisterPage(){
        this.$router.push("/register");
      }
    }
}
</script>

<style scoped>
  .btn-items{
    margin-top: 520px;
  }
  .wechat-load-btn{
    width: 80%;
    background-color: black;
    opacity: 0.85;
    color: #d0d0d0;
    border-radius:5px;
  }
  .register-btn{
    width: 38%;
    float: left;
    margin-left:38px;
    background-color: black;
    opacity: 0.85;
    color: #d0d0d0;
    border-radius: 5px;
  }
  .login-btn{
    width: 38%;
    float: right;
    margin-right: 42px;
    background: black;
    opacity: 0.85;
    color: #d0d0d0;
    border-radius: 5px;
  }

</style>
